/*
* md: 媒体查询
* lg: 媒体查询
* xl: 媒体查询
*
* 移动端优先，布局控制应从小屏到大屏
*
* */
export default function Page(){
  return (
    <ul className={'bg-slate-200 p-5 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-5'}>
      <li className={'size-20 bg-blue-500 rounded-full'} />
      <li className={'size-20 bg-blue-500 rounded-full'} />
      <li className={'size-20 bg-blue-500 rounded-full'} />
      <li className={'size-20 bg-blue-500 rounded-full'} />
      <li className={'size-20 bg-blue-500 rounded-full'} />
    </ul>
  )
}
